<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章列表--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="../../css/news.css" media="all" />
</head>
<body class="childrenBody">




<div style="width: 500px">
	<p>课程类型管理</p>
	<!--表格展示区-->
	<div class="layui-form news_list">
		<table class="layui-table">

			<tbody class="news_content">
			<tr>
				<td>新概念教材</td>
				<td>
					<a class="layui-btn layui-btn-mini ">编辑</a>
					<a class="layui-btn layui-btn-danger layui-btn-mini">删除</a>
				</td>

			</tr>
			</tbody>
		</table>
	</div>
	<div class="layui-inline orderph" style="float: right;">
		<a class="layui-btn recommend add"  style="margin-left:30px;margin-top: 6px">添加</a>
	</div>
</div>

	<div class="mt20" id="addtype" >
		<form class="layui-form" action="">
			<div class="layui-form-item">
				<label class="layui-form-label ">类型名称</label>
				<div class="layui-input-block  w200">
					<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入类型名称" class="layui-input">
				</div>
			</div>
			<!--<div class="layui-form-item">-->
				<!--<label class="layui-form-label ">学生账号</label>-->
				<!--<div class="layui-input-block w200 ">-->
					<!--<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入学生账号" class="layui-input">-->
				<!--</div>-->
			<!--</div>-->



			<div class="layui-form-item">
				<div class="layui-input-block" style="margin-left: 140px;">
					<button class="layui-btn">提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>

		</form>
	</div>

	<!--layer分页-->
	<!--<div id="page"></div>-->
	<!--静态分页-->
	<!--<div id="page1">-->
		<!--<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-0">-->
			<!--<a href="javascript:;" class="layui-laypage-prev" data-page="1">上一页</a>-->
			<!--<a href="javascript:;" data-page="1">1</a>-->
			<!--<span class="layui-laypage-curr">-->
				<!--<em class="layui-laypage-em"></em>-->
				<!--<em>2</em></span>-->
			<!--<a href="javascript:;" data-page="3">3</a>-->
			<!--<a href="javascript:;" data-page="4">4</a>-->
			<!--<a href="javascript:;" data-page="5">5</a>-->
			<!--<span>…</span>-->
			<!--<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">末页</a>-->
			<!--<a href="javascript:;" class="layui-laypage-next" data-page="3">下一页</a>-->
		<!--</div>-->
	<!--</div>-->

	<script type="text/javascript" src="../../layui/layui.js"></script>
	<script>
        layui.config({
            base : "js/"
        }).use(['form','layer','jquery','laypage','laydate','upload',],function() {
            var form = layui.form,
                layer = parent.layer === undefined ? layui.layer : parent.layer,
                laypage = layui.laypage,
                laydate = layui.laydate,
                upload = layui.upload;
            $ = layui.jquery;
            //编辑
            $(".add").click(function(){
                var index=  layui.layer.open({
                    title : "添加类型",
                    type : 1,
					area:['360px','200px'],
                    content :$('#addtype'),
                    // 编辑成功要调用的函数
                    success : function(layero, index){

                    }
                })
                //改变窗口大小时，重置弹窗的高度，防止超出可视区域（如F12调出debug的操作）
                $(window).resize(function(){
                    layui.layer.full(index);
                })
            })
        })

	</script>
</body>
</html>